﻿<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <title>主页</title>
    <link href="css/style.css" rel="stylesheet" />
    <style type="text/css">
        .cctelist {
            text-align: center;
            line-height: 25px;
            background-color: #eee;
            margin: 3px 0 0 0;
        }

            .cctelist a {
                text-decoration: none;
                color: #333333;
                display: block;
            }

                .cctelist a:hover {
                    padding-left: 10px;
                    background-color: #bbbcc8;
                }

        .cc {
        }

            .cc li {
                height: 25px;
                text-align: center;
                line-height: 25px;
                background-color: #eee;
                margin: 3px 0 0 0;
            }

                .cc li a {
                    text-decoration: none;
                    color: #333333;
                    display: block;
                }

                    .cc li a:hover {
                        background-color: #bbbcc8;
                    }

        .auto-style2 {
            width: 189px;
            height: 100px;
        }

        .auto-style3 {
            width: 191px;
            height: 104px;
        }

        .auto-style4 {
            width: 185px;
            height: 109px;
        }

        .auto-style5 {
            text-align: center;
            border-bottom: 1px solid #d89eb7;
            width: 950px;
            height: 66px;
            line-height: 30px;
            margin-bottom: 10px;
        }

        .auto-style6 {
            text-align: center;
            border-bottom: 1px solid #d89eb7;
            width: 950px;
            height: 61px;
            line-height: 30px;
            margin-bottom: 10px;
        }
    </style>
    <script type="text/javascript" language="javascript">
        function expand(el) {
            childObj = document.getElementById(el);

            if (childObj.style.display == 'none') {
                childObj.style.display = 'block';
            }
            else {

            }
            return;
        }
        function expand1(el) {
            childObj = document.getElementById(el);

            if (childObj.style.display == 'block') {
                childObj.style.display = 'none';
            }
            else {

            }
            return;
        }
    </script>
</head>
<body>
    <div id="container">
        <div id="head">
            <div id="logo"><img src="images/shopping_logo.png" /></div>
            <ul id="logomenu">
                <li><a href="index.html">首页</a>▕</li>
                <li><a href="register.html">注册</a>▕</li>
                <li><a href="login.html">登录</a>▕</li>
                <li><a href="#">购物车</a>▕</li>
                <li><a href="#">会员中心</a>▕</li>
                <li><a href="#">收藏夹</a>▕</li>
                <li><a href="#">客服中心</a>▕</li>
                <li><a href="#">留言板</a></li>
            </ul>
            <div style="clear:both"></div>
            <b><span id="ctl00_welcome" style="margin-left:700px">111 ,欢迎您光临Fashion Mall！！ </span></b>
            <div class="search">
                <div class="leader">
                    <div class="right" style="overflow: hidden; "> <a target="_blank" href='#' style="top: 0px;"><span>1</span>短袖1</a> <a target="_blank" href=#' style="top: 0px;"><span>2</span>皮鞋1</a> </div>
                </div>
            </div>
        </div>
        <div id="content">
            <!--主页-->
            <div class="in_zt">
                <div class="in_t_l">
                    <div class="in_t_l_s">
                        <input name="searhcontent" type="text" id="searhcontent" class="in_t_l_sa" style="height:16px;width:40px;" />
                        <input type="image" name="searchbtn" id="searchbtn" src="images/search_right1.gif" style="border-width:0px;margin-bottom:-4px; height: 17px;" />
                    </div>
                    <div>
                        <div onmouseout="expand1(1)" onmouseover="expand(1)">
                            <div style="width:90px" class="cctelist">
                                <a href="#"> 衣服</a>
                            </div>
                            <div id="1" style="margin:0  0 0 10px;  width:85px;  display:none;  ">
                                <ul class="cc">
                                    <li><a href="list.html">短袖</a></li>
                                </ul>
                            </div>
                        </div>
                        <div onmouseout="expand1(2)" onmouseover="expand(2)">
                            <div style="width:90px" class="cctelist">
                                <a href="#"> 裤子</a>
                            </div>
                            <div id="2" style="margin:0  0 0 10px;  width:85px;  display:none;  ">
                                <ul class="cc">
                                    <li><a href=pro_catelist.aspx?cateid =17>牛仔裤</a></li>
                                    <li><a href=pro_catelist.aspx?cateid =20>短裤</a></li>
                                </ul>
                            </div>
                        </div>
                        <div onmouseout="expand1(3)" onmouseover="expand(3)">
                            <div style="width:90px" class="cctelist">
                                <a href="#"> 裙子</a>
                            </div>
                            <div id="3" style="margin:0  0 0 10px;  width:85px;  display:none;  ">
                                <ul class="cc">
                                    <li><a href=pro_catelist.aspx?cateid =21>短裙</a></li>
                                    <li><a href=pro_catelist.aspx?cateid =22>迷你裙</a></li>
                                </ul>
                            </div>
                        </div>
                        <div onmouseout="expand1(4)" onmouseover="expand(4)">
                            <div style="width:90px" class="cctelist">
                                <a href="#"> 帽子</a>
                            </div>
                            <div id="4" style="margin:0  0 0 10px;  width:85px;  display:none;  ">
                                <ul class="cc">
                                    <li><a href="#">棒球帽</a></li>
                                    <li><a href="#">太阳帽</a></li>
                                </ul>
                            </div>
                        </div>
                        <div onmouseout="expand1(5)" onmouseover="expand(5)">
                            <div style="width:90px" class="cctelist">
                                <a href="#"> 鞋子</a>
                            </div>
                            <div id="5" style="margin:0  0 0 10px;  width:85px;  display:none;  ">
                                <ul class="cc">
                                    <li><a href="#">运动鞋</a></li>
                                    <li><a href="#">板鞋</a></li>
                                </ul>
                            </div>
                        </div>
                        <div onmouseout="expand1(6)" onmouseover="expand(6)">
                            <div style="width:90px" class="cctelist">
                                <a href="#"> 手套</a>
                            </div>
                            <div id="6" style="margin:0  0 0 10px;  width:85px;  display:none;  ">
                                <ul class="cc">
                                    <li><a href="#">女生手套</a></li>
                                    <li><a href="#">女士围巾</a></li>
                                </ul>
                            </div>
                        </div>
                        <div onmouseout="expand1(7)" onmouseover="expand(7)">
                            <div style="width:90px" class="cctelist">
                                <a href="#"> 围巾</a>
                            </div>
                            <div id="7" style="margin:0  0 0 10px;  width:85px;  display:none;  ">
                                <ul class="cc">
                                    <li><a href="#">男士围巾</a></li>
                                </ul>
                            </div>
                        </div>
                        <div onmouseout="expand1(8)" onmouseover="expand(8)">
                            <div style="width:90px" class="cctelist">
                                <a href="#"> 腰带</a>
                            </div>
                            <div id="8" style="margin:0  0 0 10px;  width:85px;  display:none;  ">
                                <ul class="cc">
                                    <li><a href="#">男士腰带</a></li>
                                    <li><a href="#">女士腰带</a></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="in_t_c">
                    <div id="top_flash"></div>
                    <script type="text/javascript">
                        var so = new SWFObject("swf/main.swf ", "STYLE ARENA", "640px", "380px", "8", "#ffffff");
                        so.addParam("quality", "high");
                        so.addParam("salign", "");
                        so.addParam("scale", "noscale");
                        so.addParam("wmode", "transparent");
                        so.addParam("allowScriptAccess", "always");
                        so.write("top_flash");
                    </script>
                </div>
                <div class="in_t_r">
                    <div style="padding-bottom:10px; "><a href="#"><img src="images/sourred1.jpg" class="auto-style4" /></a></div>
                    <div style="padding-bottom:13px;padding-top:13px;"><a href="#"><img src="images/sourred3.jpg" class="auto-style3" /></a></div>
                    <div style="padding-top:10px;"><a href="#"><img src="images/sourred2.jpg" class="auto-style2" /></a></div>

                </div>
                <div class="clear"></div>
                <table id="ctl00_ContentPlaceHolder1_DataList4" cellspacing="0" border="0" style="border-collapse:collapse;">
                    <tr>
                        <td>
                            <div class="yhad">
                                <a href=''> <img id="ctl00_ContentPlaceHolder1_DataList4_ctl00_Image2" src="images/sourred7.jpg" style="height:180px;width:298px;border-width:0px;" /></a>
                            </div>
                        </td>
                        <td>
                            <div class="yhad">
                                <a href=''> <img id="ctl00_ContentPlaceHolder1_DataList4_ctl01_Image2" src="images/sourred5.jpg" style="height:180px;width:298px;border-width:0px;" /></a>
                            </div>
                        </td>
                        <td>
                            <div class="yhad">
                                <a href=''> <img id="ctl00_ContentPlaceHolder1_DataList4_ctl02_Image2" src="images/sourred6.jpg" style="height:180px;width:298px;border-width:0px;" /></a>
                            </div>
                        </td>
                    </tr>
                </table>
                <div class="piczt">
                    <div class="auto-style5">
                        <img id="ctl00_ContentPlaceHolder1_Image3" src="images/newpro_title.png" style="height:69px;width:233px;border-width:0px;" />
                        &nbsp;
                    </div>
                    <div class="pic_list_y">
                        <table id="ctl00_ContentPlaceHolder1_DataList3" cellspacing="0" border="0" style="border-collapse:collapse;">
                            <tr>
                                <td>
                                    <div style=" margin-left:26px;">
                                        <div class="pic">
                                            <a href='ProInfo.aspx?uid=46' target="_blank">
                                                <img id="ctl00_ContentPlaceHolder1_DataList3_ctl00_Image1" src="show_imageurl/show_20171126104303739.png" style="border-width:0px; width:160px; height:200px;" />
                                            </a>
                                        </div>
                                        <div style=" padding-left:42px; "><img src="images/1263192879102787928.gif" title="NEW" border="0"></div>
                                        <div style=" padding-left:53px; ">222</div>
                                        <div class="tit"><a href="#" target="_blank"></a></div><div style=" padding-left:48px; ">
                                            ￥222.00
                                        </div>
                                    </div>
                                </td>
                                <td>
                                    <div style=" margin-left:26px;">
                                        <div class="pic">
                                            <a href='ProInfo.aspx?uid=44' target="_blank">
                                                <img id="ctl00_ContentPlaceHolder1_DataList3_ctl01_Image1" src="show_imageurl/show_20100824043518554.jpg" style="border-width:0px; width:160px; height:200px;" />
                                            </a>
                                        </div>
                                        <div style=" padding-left:42px; "><img src="images/1263192879102787928.gif" title="NEW" border="0"></div>
                                        <div style=" padding-left:53px; ">鞋子</div>
                                        <div class="tit"><a href="#" target="_blank"></a></div><div style=" padding-left:48px; ">
                                            ￥34.00
                                        </div>
                                    </div>
                                </td>
                                <td>
                                    <div style=" margin-left:26px;">
                                        <div class="pic">
                                            <a href='ProInfo.aspx?uid=43' target="_blank">
                                                <img id="ctl00_ContentPlaceHolder1_DataList3_ctl02_Image1" src="show_imageurl/show_20100824043059007.jpg" style="border-width:0px; width:160px; height:200px;" />
                                            </a>
                                        </div>
                                        <div style=" padding-left:42px; "><img src="images/1263192879102787928.gif" title="NEW" border="0"></div>
                                        <div style=" padding-left:53px; ">板鞋</div>
                                        <div class="tit"><a href="#" target="_blank"></a></div><div style=" padding-left:48px; ">
                                            ￥22.00
                                        </div>
                                    </div>
                                </td>
                                <td>
                                    <div style=" margin-left:26px;">
                                        <div class="pic">
                                            <a href='ProInfo.aspx?uid=42' target="_blank">
                                                <img id="ctl00_ContentPlaceHolder1_DataList3_ctl03_Image1" src="show_imageurl/show_20100824043052538.jpg" style="border-width:0px; width:160px; height:200px;" />
                                            </a>
                                        </div>
                                        <div style=" padding-left:42px; "><img src="images/1263192879102787928.gif" title="NEW" border="0"></div>
                                        <div style=" padding-left:53px; ">士大夫苦于</div>
                                        <div class="tit"><a href="#" target="_blank"></a></div><div style=" padding-left:48px; ">
                                            ￥344.00
                                        </div>
                                    </div>
                                </td>
                                <td>
                                    <div style=" margin-left:26px;">
                                        <div class="pic">
                                            <a href='ProInfo.aspx?uid=41' target="_blank">
                                                <img id="ctl00_ContentPlaceHolder1_DataList3_ctl04_Image1" src="show_imageurl/show_20100824042955304.jpg" style="border-width:0px; width:160px; height:200px;" />
                                            </a>
                                        </div>
                                        <div style=" padding-left:42px; "><img src="images/1263192879102787928.gif" title="NEW" border="0"></div>
                                        <div style=" padding-left:53px; ">女生手套</div>
                                        <div class="tit"><a href="#" target="_blank"></a></div><div style=" padding-left:48px; ">
                                            ￥22.00
                                        </div>
                                    </div>
                                </td>
                            </tr>
                            <tr>
                                <td>
                                    <div style=" margin-left:26px;">
                                        <div class="pic">
                                            <a href='ProInfo.aspx?uid=40' target="_blank">
                                                <img id="ctl00_ContentPlaceHolder1_DataList3_ctl05_Image1" src="show_imageurl/show_20100824042747632.jpg" style="border-width:0px; width:160px; height:200px;" />
                                            </a>
                                        </div>
                                        <div style=" padding-left:42px; "><img src="images/1263192879102787928.gif" title="NEW" border="0"></div>
                                        <div style=" padding-left:53px; ">女生腰带</div>
                                        <div class="tit"><a href="#" target="_blank"></a></div><div style=" padding-left:48px; ">
                                            ￥234.00
                                        </div>
                                    </div>
                                </td>
                                <td>
                                    <div style=" margin-left:26px;">
                                        <div class="pic">
                                            <a href='ProInfo.aspx?uid=39' target="_blank">
                                                <img id="ctl00_ContentPlaceHolder1_DataList3_ctl06_Image1" src="show_imageurl/show_20100824042606585.jpg" style="border-width:0px; width:160px; height:200px;" />
                                            </a>
                                        </div>
                                        <div style=" padding-left:42px; "><img src="images/1263192879102787928.gif" title="NEW" border="0"></div>
                                        <div style=" padding-left:53px; ">很健康</div>
                                        <div class="tit"><a href="#" target="_blank"></a></div><div style=" padding-left:48px; ">
                                            ￥222.00
                                        </div>
                                    </div>
                                </td>
                                <td>
                                    <div style=" margin-left:26px;">
                                        <div class="pic">
                                            <a href='ProInfo.aspx?uid=38' target="_blank">
                                                <img id="ctl00_ContentPlaceHolder1_DataList3_ctl07_Image1" src="show_imageurl/show_20100824042606585.jpg" style="border-width:0px; width:160px; height:200px;" />
                                            </a>
                                        </div>
                                        <div style=" padding-left:42px; "><img src="images/1263192879102787928.gif" title="NEW" border="0"></div>
                                        <div style=" padding-left:53px; ">山东分公司</div>
                                        <div class="tit"><a href="#" target="_blank"></a></div><div style=" padding-left:48px; ">
                                            ￥222.00
                                        </div>
                                    </div>
                                </td>
                                <td>
                                    <div style=" margin-left:26px;">
                                        <div class="pic">
                                            <a href='ProInfo.aspx?uid=37' target="_blank">
                                                <img id="ctl00_ContentPlaceHolder1_DataList3_ctl08_Image1" src="show_imageurl/show_20100824042619366.jpg" style="border-width:0px; width:160px; height:200px;" />
                                            </a>
                                        </div>
                                        <div style=" padding-left:42px; "><img src="images/1263192879102787928.gif" title="NEW" border="0"></div>
                                        <div style=" padding-left:53px; ">经典帽子</div>
                                        <div class="tit"><a href="#" target="_blank"></a></div><div style=" padding-left:48px; ">
                                            ￥12.00
                                        </div>
                                    </div>
                                </td>
                                <td>
                                    <div style=" margin-left:26px;">
                                        <div class="pic">
                                            <a href='ProInfo.aspx?uid=36' target="_blank">
                                                <img id="ctl00_ContentPlaceHolder1_DataList3_ctl09_Image1" src="show_imageurl/show_20100824041514147.jpg" style="border-width:0px; width:160px; height:200px;" />
                                            </a>
                                        </div>
                                        <div style=" padding-left:42px; "><img src="images/1263192879102787928.gif" title="NEW" border="0"></div>
                                        <div style=" padding-left:53px; ">裤子</div>
                                        <div class="tit"><a href="#" target="_blank"></a></div><div style=" padding-left:48px; ">
                                            ￥33.00
                                        </div>
                                    </div>
                                </td>
                            </tr>
                        </table>
                    </div>
                </div>
            </div>
            <!--主页end-->
        </div>
        <div id="foot">Copyright(c)2008-2010 FasionShopping时尚有限公司 鄂ICP备05009763号</div>
    </div>
</body>
</html>